<!doctype html>
<html>
	<meta charset="utf-8" />
	<title>WSCFORM-jQuery-WSCORE</title>
	<link href="../../theme/style.css" rel="stylesheet" type="text/css" />
	<script src="../../theme/browser.js" type="text/javascript"></script>
</head>
<body>
	<div class="header">
		<ol>
			<li><a href="../../index.html">首页</a></li>
			<li>表单UI/UE</li>
		</ol>
	</div>
	<fieldset>
		<legend>表单UI/UE</legend>
		初始化表单元素UI/UE样式
		<div class="code">.wscform_ui()</div>
		<div class="param">
			<strong>无参</strong><br />
			描述：初始化当前表单元素UI样式
		</div>
	</fieldset>
	<fieldset>
		<legend>单选/Radio</legend>
		效果预览
		<div class="code">
			<input type="radio" name="radio" value="1" checked theme="b" /><label>选项1</label>
			<input type="radio" name="radio" value="2" theme="b" /><label>选项2</label>
		</div>
		<div class="param">
			<strong>结构</strong><br />
			样式：class="wsc-form radio on" 或 class="wsc-form radio off"<br />
			状态：on为已选, off为未选中
		</div>
		<div class="param">
			<strong>属性</strong><br />
			提示：仅需在第1个Radio上设置属性即可
			<div class="example">
				<b>theme</b>="<i>a</i>"<em>//#1 指定样式, a~z间任意字母, 默认a</em>
			</div>
		</div>
	</fieldset>
	<fieldset>
		<legend>多选/Checkbox</legend>
		效果预览
		<div class="code">
			<input type="checkbox" name="radio" value="1" checked theme="b" /><label>选项1</label>
			<input type="checkbox" name="radio" value="2" theme="b" /><label>选项2</label>
		</div>
		<div class="param">
			<strong>结构</strong><br />
			样式：class="wsc-form checkbox on" 或 class="wsc-form checkbox off"<br />
			状态：on为已选, off为未选中
		</div>
		<div class="param">
			<strong>属性</strong><br />
			提示：仅需在第1个Checkbox上设置属性即可
			<div class="example">
				<b>theme</b>="<i>a</i>"<em>//#1 指定样式, a~z间任意字母, 默认a</em>
			</div>
		</div>
	</fieldset>
	<fieldset>
		<legend>菜单/Select</legend>
		效果预览
		<div class="code">
			<select name="select" theme="b">
				<option value="0">[theme="b"]</option>
				<option value="1">菜单11</option>
				<option value="2" selected>菜单12</option>
				<option value="3">菜单13</option>
				<option value="4">菜单14</option>
				<option value="1">菜单21</option>
				<option value="2">菜单22</option>
				<option value="3">菜单23</option>
				<option value="4">菜单24</option>
				<option value="1">菜单31</option>
				<option value="2">菜单32</option>
				<option value="3">菜单33</option>
				<option value="4">菜单34</option>
			</select>
		</div>
		<div class="param">
			<strong>结构</strong><br />
			样式：class="wsc-form select-one"
		</div>
		<div class="param">
			<strong>属性</strong>
			<div class="example">
				<b>theme</b>="<i>a</i>"<em>//#1 指定样式, a~z间任意字母, 默认a</em>
			</div>
		</div>
	</fieldset>
	<fieldset>
		<legend>文件上传</legend>
		效果预览
		<div class="code">
			<input type="file" name="file-b" file-ajax="true" theme="b" />
		</div>
		<div class="param">
			<strong>结构</strong><br />
			样式：class="wsc-form file on" 或 class="wsc-form file off"<br />
			状态：on为已选, off为未选
		</div>
		<div class="param">
			<strong>属性</strong>
			<div class="example">
				<b>file-ajax</b>="<i>true</i>"<em>//#1 Ajax实时上传</em><br />
				<b>theme</b>="<i>a</i>"<em>//#2 指定样式, a~z间任意字母, 默认a</em>
			</div>
		</div>
	</fieldset>
	<fieldset>
		<legend>文本框</legend>
		效果预览
		<div class="code">
			<input type="password" name="placeholder" placeholder="属性theme=b" placeempty="true" theme="b" value="Default-Values" />
		</div>
		<div class="param">
			<strong>结构</strong><br />
			样式：class="wsc-form text"
		</div>
		<div class="param">
			<strong>属性</strong>
			<div class="example">
				<b>placeempty</b>="<i>true</i>"<em>//#1 指定样式, a~z间任意字母, 默认a</em><br />
				<b>placeholder</b>="<i>string</i>"<em>//#2 指定样式, a~z间任意字母, 默认a</em><br />
				<b>theme</b>="<i>a</i>"<em>//#3 指定样式, a~z间任意字母, 默认a</em>
			</div>
		</div>
	</fieldset>
	<fieldset>
		<legend>按钮组件</legend>
		效果预览
		<div class="code">
			<input type="button" value="[type=button]" theme="b" />
			<input type="reset" value="[type=reset]" theme="b" />
			<input type="submit" value="[type=submit]" theme="b" />
			<button type="button" theme="b">Button</button>
		</div>
	</fieldset>
</body>
</html>